<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
         pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <meta charset="utf-8">
        <title>Banking System</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes"> 
        <link href="resources/signin/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="resources/signin/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />

        <link href="resources/signin/css/font-awesome.css" rel="stylesheet">
        <link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet">

        <link href="resources/signin/css/style.css" rel="stylesheet" type="text/css">
        <link href="resources/signin/css/signin.css" rel="stylesheet" type="text/css">
        <script type="text/javascript" src="resources/signin/js/signin.js"></script>
        <script type="text/javascript" src="resources/signin/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="resources/signin/js/bootstrap.min.js"></script>
    </head>
    <body>

        <div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <h1 class="brand" style="font-style: italic;font-size: 40px;"> CSC Viet Nam eBanking </h1>		
                </div> <!-- /container -->
            </div> <!-- /navbar-inner -->
        </div> <!-- /navbar -->
        <div class="account-container">
            <div class="content clearfix">
            	<!-- Start Form login -->
                <form action="#" method="post" class="login active" autocomplete="off">						
                    <div class="login-fields">				
                        <p style="color: black">Provide your details to change password</p>				
                        <div class="field">
                            <label for="username">Username:</label>
                            <input type="text" id="username" name="username" value="${username }" placeholder="Username" class="login username-field" readonly/>
                        </div> <!-- /field -->					
                        <div class="field">
                            <label for="password">Password:</label>
                            <input type="password" id="password" name="password" value="" placeholder="Default Password" class="login password-field" autofocus/>
                        </div> <!-- /password -->	
                        <div class="field">
                            <label for="password">Password:</label>
                            <input type="password" id="password" name="password" value="" placeholder="New Password" class="login password-field"/>
                        </div> <!-- /password -->	
                        <div class="field">
                            <label for="password">Password:</label>
                            <input type="password" id="password" name="password" value="" placeholder="Confirm New Password" class="login password-field"/>
                        </div> <!-- /password -->				
                    </div> <!-- /login-fields -->
                    <div class="login-actions"> 	
                        <button class="button btn btn-success btn-large" type="submit" style="background-color: grey;">Change</button>
                    </div> <!-- .actions -->	
                    <div class="login-extra" style="color: black">
                        Forgot your default password? <a href="admin.html">Click here to request it</a>
                    </div>
                </form>
               	<!-- End Form login -->
            </div> <!-- /content -->	
        </div>
    </body>
</html>